<template>
  <div class="banner">
    <div class="banner-item" :style="{ backgroundImage: `url(${banner.img})` }">
      <div data-v-3000ce76="" class="banner-logo">
        <img
          data-v-3000ce76=""
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/27/15827715813095437.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/27/15827715813095437.png"
          lazy="loaded"
        />
        <span data-v-3000ce76="" style="font-size: 40px">Google</span>
      </div>
      <div class="title">{{ banner.title }}</div>
      <div class="desc">{{ banner.desc }}</div>
    </div>
  </div>
  <div
    data-v-0eef81d6=""
    data-v-479e653e=""
    class="nineteen-demo"
    id="b996b42e-3654"
    component-name="Nineteen"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-0eef81d6="" class="comp-atible">
      <p data-v-0eef81d6="" style="color: rgb(50, 50, 50)">
        Google广告投放优势
      </p>
      <div data-v-0eef81d6="" class="night-flex">
        <div
          data-v-0eef81d6=""
          class="left-content"
          style="background: rgb(249, 250, 251)"
        >
          <p data-v-0eef81d6="" style="color: rgb(50, 50, 50)">四大优势</p>
          <div
            data-v-0eef81d6=""
            class="left-list"
            style="margin-right: 20px; margin-bottom: 50px"
          >
            <img
              data-v-0eef81d6=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275372512560.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275372512560.png"
              lazy="loaded"
              style="width: 40px; margin-bottom: 30px"
            />
            <p data-v-0eef81d6="" class="left-title">超强曝光</p>
            <div
              data-v-0eef81d6=""
              class="left-text"
              style="color: rgb(50, 50, 50)"
            >
              全球最大的搜索引擎，覆盖全球90%的用户，覆盖200多个国家喝地区。月均8亿访问用户，日均50亿次广告展示。
            </div>
          </div>
          <div data-v-0eef81d6="" class="left-list">
            <img
              data-v-0eef81d6=""
              alt=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275399312460.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275399312460.png"
              lazy="loaded"
              style="width: 40px; margin-bottom: 30px"
            />
            <p data-v-0eef81d6="" class="left-title">品牌积累</p>
            <div
              data-v-0eef81d6=""
              class="left-text"
              style="color: rgb(50, 50, 50)"
            >
              Google Ads
              利用机器学习收集分析客户数据和信息，节省成本同时更加高效的开发产品和市场，有利于企业品牌的长期积累。
            </div>
          </div>
          <div data-v-0eef81d6="" class="left-list" style="margin-right: 20px">
            <img
              data-v-0eef81d6=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275424507212.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275424507212.png"
              lazy="loaded"
              style="width: 40px; margin-bottom: 30px"
            />
            <p data-v-0eef81d6="" class="left-title">定向精准</p>
            <div
              data-v-0eef81d6=""
              class="left-text"
              style="color: rgb(50, 50, 50)"
            >
              通过持续的广告投放建立关键词库及受众画像模型，按国家、地区、语言等精准定位目标用户群体。
            </div>
          </div>
          <div
            data-v-0eef81d6=""
            class="left-list"
            style="transform: translateY(-20px)"
          >
            <img
              data-v-0eef81d6=""
              data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275451099836.png"
              src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275451099836.png"
              lazy="loaded"
              style="width: 40px; margin-bottom: 30px"
            />
            <p data-v-0eef81d6="" class="left-title">性价比高</p>
            <div
              data-v-0eef81d6=""
              class="left-text"
              style="color: rgb(50, 50, 50)"
            >
              依托算法、定向、计价等诸多优势，广告价格更低，获取客户的成本更低。
            </div>
          </div>
        </div>
        <img
          data-v-0eef81d6=""
          alt="google优势"
          class="nineteen-img"
          data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275372357318.png"
          src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275372357318.png"
          lazy="loaded"
        />
      </div>
    </div>
  </div>
  <div
    data-v-4b9d4c90=""
    data-v-479e653e=""
    class="new-first"
    id="c3497a2e-f877"
    component-name="NewFirst"
    style="
      background-image: url('https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/05/15833733204352325.png');
    "
  >
    <div data-v-4b9d4c90="" class="comp-atible">
      <p data-v-4b9d4c90="">在这里遇见您的全球客户</p>
      <div data-v-4b9d4c90="" class="atrible-text">
        通过 Google
        Ads，您可以使用各式各样的广告产品来帮助您在关键时刻覆盖客户，您可以全心专注于发展您的业务。
      </div>
    </div>
  </div>

  <div
    data-v-96122de0=""
    data-v-479e653e=""
    class="twenty-one"
    id="9b1c691d-09ce"
    component-name="TwentyOne"
  >
    <div
      data-v-96122de0=""
      class="twenty-content"
      style="background: rgb(229, 240, 255)"
    >
      <div
        data-v-96122de0=""
        class="twenty-text"
        style="color: rgb(32, 72, 130)"
      >
        <div data-v-96122de0="" class="reason-content">
          <p data-v-96122de0="" class="twenty-second">Google</p>
          <p data-v-96122de0="" class="twenty-three">广告介绍</p>
          <div data-v-96122de0="" class="twenty-four">
            Google Ads 是 Google 拥有和运营的在线广告平台。Ads
            也是全球规模最大，使用最广泛的在线广告网络，数百万家企业使用 AdWords
            在线投放广告，以吸引新客户并发展业务。每一秒都有用户访问 Google
            搜索处理各种事务所需的信息。Google Ads
            是一个可以帮助您覆盖这些受众群体并将他们转化为高价值客户的数字广告解决方案。
          </div>
        </div>
      </div>
      <div
        data-v-96122de0=""
        class="twenty-right"
        style="
          background-image: url('https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/09/15837459347127091.jpg');
        "
      ></div>
    </div>
  </div>
  <div
    data-v-c4f8a5a2=""
    data-v-479e653e=""
    class="love-fifteen"
    id="5496f755-e868"
    component-name="Fifteen"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-c4f8a5a2="" class="fifteen-center">
      <p data-v-c4f8a5a2="" style="color: rgb(74, 74, 74)">
        您的广告可以展示在
      </p>
      <ul data-v-c4f8a5a2="" class="tab clearfix">
        <li data-v-c4f8a5a2="">
          <input
            data-v-c4f8a5a2=""
            type="radio"
            checked="checked"
            name="tab4"
            id="tab13"
          />
          <label data-v-c4f8a5a2="" for="tab13" style="color: rgb(46, 46, 46)"
            ><div data-v-c4f8a5a2="" class="nav-left"></div>
            <div data-v-c4f8a5a2="" class="nav-right">
              <p data-v-c4f8a5a2="">Google网页</p>
              <span data-v-c4f8a5a2=""
                >您的Google广告将展现在Google网页搜索的上方或下方</span
              >
            </div></label
          >
          <img
            data-v-c4f8a5a2=""
            alt=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/27/15827851775313012.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/02/27/15827851775313012.png"
            lazy="loaded"
            style="float: right"
          />
        </li>
        <li data-v-c4f8a5a2="">
          <input data-v-c4f8a5a2="" type="radio" name="tab4" id="tab14" />
          <label data-v-c4f8a5a2="" for="tab14" style="color: rgb(46, 46, 46)"
            ><div data-v-c4f8a5a2="" class="nav-left"></div>
            <div data-v-c4f8a5a2="" class="nav-right">
              <p data-v-c4f8a5a2="">Gmail</p>
              <span data-v-c4f8a5a2=""
                >您的广告将精准投放在用户收件箱的显著位置上</span
              >
            </div></label
          >
        </li>
        <li data-v-c4f8a5a2="">
          <input data-v-c4f8a5a2="" type="radio" name="tab4" id="tab15" />
          <label data-v-c4f8a5a2="" for="tab15" style="color: rgb(46, 46, 46)"
            ><div data-v-c4f8a5a2="" class="nav-left"></div>
            <div data-v-c4f8a5a2="" class="nav-right">
              <p data-v-c4f8a5a2="">Youtube</p>
              <span data-v-c4f8a5a2=""
                >您的广告将以图片横幅、视频内叠式图片、TrueView插播视频等方式展示在Youtube的信息流</span
              >
            </div></label
          >
        </li>
      </ul>
    </div>
  </div>

  <div
    data-v-75b836f0=""
    data-v-479e653e=""
    class="night-demo"
    id="a8b9c98e-1862"
    component-name="NewThree"
    style="
      background-image: url('https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/04/15833048484959537.png');
    "
  >
    <div data-v-75b836f0="" class="comp-atible">
      <p data-v-75b836f0="" style="color: rgb(255, 255, 255)">
        在海外推广时是否遇到困境？
      </p>
      <div data-v-75b836f0="" class="three-flex-grid">
        <div data-v-75b836f0="" class="icon-card">
          <img
            data-v-75b836f0=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275474378028.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275474378028.png"
            lazy="loaded"
          />
          <div data-v-75b836f0="" class="icon-text">
            <p data-v-75b836f0="">效果不明显</p>
            <div data-v-75b836f0="" class="night-text">
              大笔投入资金迟迟看不到效果
            </div>
          </div>
        </div>
        <div data-v-75b836f0="" class="icon-card">
          <img
            data-v-75b836f0=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275497408074.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275497408074.png"
            lazy="loaded"
          />
          <div data-v-75b836f0="" class="icon-text">
            <p data-v-75b836f0="">渠道投放单一</p>
            <div data-v-75b836f0="" class="night-text">
              不清楚了解社媒平台调性，盲目选择平台
            </div>
          </div>
        </div>
        <div data-v-75b836f0="" class="icon-card">
          <img
            data-v-75b836f0=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275519629035.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275519629035.png"
            lazy="loaded"
          />
          <div data-v-75b836f0="" class="icon-text">
            <p data-v-75b836f0="">缺乏外文专家</p>
            <div data-v-75b836f0="" class="night-text">
              缺乏外文营销专家，难以有效跟踪和调整推广
            </div>
          </div>
        </div>
        <div data-v-75b836f0="" class="icon-card">
          <img
            data-v-75b836f0=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275561838230.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275561838230.png"
            lazy="loaded"
          />
          <div data-v-75b836f0="" class="icon-text">
            <p data-v-75b836f0="">受众不精准</p>
            <div data-v-75b836f0="" class="night-text">
              海外推广受众不精准，难以看到明显客户转化
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    data-v-1e623667=""
    data-v-479e653e=""
    class="night-demo"
    id="f5296ec1-f25e"
    component-name="NewSecond"
    style="background: rgb(255, 255, 255)"
  >
    <div data-v-1e623667="" class="comp-atible">
      <p data-v-1e623667="" style="color: rgb(51, 51, 51)">
        选择COLOURMIX让您出海无忧
      </p>
      <div data-v-1e623667="" class="comp-text" style="color: rgb(51, 51, 51)">
        专业的跨境数字营销服务商，将您的产品和服务推向全球受众，让您享受到一站式跟踪服务。
      </div>
      <div data-v-1e623667="" class="second-flex-grid">
        <div data-v-1e623667="" class="icon-card">
          <img
            data-v-1e623667=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/1583827558429920.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/1583827558429920.png"
            lazy="loaded"
          />
          <div data-v-1e623667="" class="icon-text">
            <p data-v-1e623667="">专业团队</p>
            <div data-v-1e623667="" class="night-text">
              13年海外推广经验，专业海外广告优化师团队，深耕跨境行业。为每个项目配备专属团队深度服务
            </div>
          </div>
        </div>
        <div data-v-1e623667="" class="icon-card">
          <img
            data-v-1e623667=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275606122636.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275606122636.png"
            lazy="loaded"
          />
          <div data-v-1e623667="" class="icon-text">
            <p data-v-1e623667="">精准定位</p>
            <div data-v-1e623667="" class="night-text">
              行业洞察分析，结合平台调性制定专属方案，一站式服务，高精准定位
            </div>
          </div>
        </div>
        <div data-v-1e623667="" class="icon-card">
          <img
            data-v-1e623667=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275810898360.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275810898360.png"
            lazy="loaded"
          />
          <div data-v-1e623667="" class="icon-text">
            <p data-v-1e623667="">网站合规诊断</p>
            <div data-v-1e623667="" class="night-text">
              快速排查不符合Google广告要求的内容，迅速沟通以做出调整，确保账户的安全
            </div>
          </div>
        </div>
        <div data-v-1e623667="" class="icon-card">
          <img
            data-v-1e623667=""
            data-src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275833947908.png"
            src="https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/03/10/15838275833947908.png"
            lazy="loaded"
          />
          <div data-v-1e623667="" class="icon-text">
            <p data-v-1e623667="">实时高效服务</p>
            <div data-v-1e623667="" class="night-text">
              实时数据监控，及时沟通并共享效果数据，了解项目进展状况，为您进行专业的广告投放建议和分析
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
const banner = {
  img: "	https://site-manager.oss-cn-shanghai.aliyuncs.com/images/2020/06/05/15913429291789430.jpg",
  title: "全球第一大搜索引擎",
  desc: "拥有众多网盟，只需一个账户您的广告就可以投放到全球，谷歌多样化广告业务解决你的出海问题",
};
</script>
<style lang="less" scoped>
.banner {
  height: 540px;
  width: 100%;
  margin-top: 64px;
  .banner-item {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    .banner-logo {
      img {
        display: inline-block;
        margin-right: 15px;
        vertical-align: sub;
        width: 40px;
      }
    }
    .title {
      color: #fff;
      font-size: 42px;
      font-weight: 600;
      letter-spacing: 3px;
      line-height: 70px;
      margin-bottom: 4px;
    }
    .desc {
      color: #fff;
      font-size: 18px;
      line-height: 27px;
      margin: 8px 0 60px;
      opacity: 0.9;
    }
  }
}
</style>
